﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Home</title>
    <link rel="stylesheet" type="text/css" href="css/styles.css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.photowall.yu.css" />
    <script type="text/javascript" src="Scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="Scripts/jquery.carouFredSel-5.6.1.js"></script>
    <script type="text/javascript" src="Scripts/jquery.photowall.yu.js"></script>
    <script type="text/javascript" src="Scripts/curvycorners.js"></script>
    <script type="text/javascript" src="Scripts/swfobject.js"></script>
    <script type="text/javascript" src="Scripts/pngfixer.js"></script>
    <script type="text/javascript" src="Scripts/jquery.utility.yu.js"></script>
    <script type="text/javascript">
        $(function () {

            //品牌目录
            $(".categories_inner").carouFredSel({
                width:970,
                items: { visible: 5,
                         width: 190,
                         height: 140 },
                auto: { pauseOnHover: "resume" },
                prev: { button: $(".categories_prev") },
                next: { button: $(".categories_next") }
            });
            $(".categories_collapse").live("click", function () {
                var categories = $(".categories");
                if (categories.height() != 16) {
                    categories.empty().animate({ height: 16 }).append('<a class="categories_collapse btn" style="bottom:0;"><img src="images/categories_collapse_down.jpg" /></a>');
                }
                else {
                    //TODO 动态读取品牌数据
                    var html = '<ul class="categories_inner">                <li class="column">                    <div><a>Abercrombie&Fitch</a></div>                    <div><a>Abercrombie&Fitch</a></div>                    <div><a>Abercrombie&Fitch</a></div>                </li>                <li class="column">                    <div><a>Abercrombie&Fitch1</a></div>                    <div><a>Abercrombie&Fitch1</a></div>                    <div><a>Abercrombie&Fitch1</a></div>                </li>                <li class="column">                    <div><a>Abercrombie&Fitch2</a></div>                    <div><a>Abercrombie&Fitch2</a></div>                    <div><a>Abercrombie&Fitch2</a></div>                </li>                <li class="column">                    <div><a>Abercrombie&Fitch3</a></div>                    <div><a>Abercrombie&Fitch3</a></div>                    <div><a>Abercrombie&Fitch3</a></div>                </li>                <li class="column">                    <div><a>Abercrombie&Fitch4</a></div>                    <div><a>Abercrombie&Fitch4</a></div>                   <div><a>Abercrombie&Fitch4</a></div>                </li>                <li class="column">                    <div><a>Abercrombie&Fitch5</a></div>                    <div><a>Abercrombie&Fitch5</a></div>                    <div><a>Abercrombie&Fitch5</a></div>                </li>            </ul><a class="categories_prev btn"></a><a class="categories_next btn"></a><a class="categories_collapse btn"><img src="images/categories_collapse_up.jpg" /></a>';
                    categories.empty().append(html).animate({ height: 140 }, function () {
                        $(".categories_inner").carouFredSel({
                            width: 970,
                            items: {
                                visible: 5,
                                width: 190,
                                height: 140
                            },
                            auto: { pauseOnHover: "resume" },
                            prev: { button: $(".categories_prev") },
                            next: { button: $(".categories_next") }
                        });
                    });
                }
            });

            //拼图
            $("#gallery").photowall({
                width: 322,
                height: 322,
                photos: [{ src: "images/sample1.jpg", url: 'http://www.google.com' },
                         { src: "images/sample1.jpg", url: 'http://www.google.com' },
                         { src: "images/sample1.jpg", url: 'http://www.google.com' },
                         { src: "images/sample1.jpg", url: 'http://www.google.com' } ]
            });

            //新到商品
            $("#newproducts").carouFredSel({
                width: 970,
                height:188,
                items: {
                    visible: 2,
                    width: 970,
                    height: 94
                },
                scroll: {
                    duration: 1500,
                    easing: 'linear',
                    fx: 'directscroll',
                    queue:true
                },
                direction: 'up',
                circular: false,
                infinite:false,
                auto: { pauseOnHover: "resume" },
                prev: { button: $(".newproduct_up") },
                next: { button: $(".newproduct_down") }
            });

            //商品类型types
            var el_types = $(".types"),
                timeout;
            el_types.mouseenter(function () {
                timeout = setTimeout(function () {
                    el_types.animate({ height: el_types.find(".types_inner").height() });
                }, 1000);
            }).mouseleave(function () {
                clearTimeout(timeout);
                el_types.animate({ height: 30 });
            });

            //生成微博分享按钮
            function weibo(el, title) {
                var _w = 106, _h = 24;
                var param = {
                    url: location.href,
                    type: '5',
                    count: '', /**是否显示分享数，1显示(可选)*/
                    appkey: '', /**您申请的应用appkey,显示分享来源(可选)*/
                    title: title, /**分享的文字内容(可选，默认为所在页面的title)*/
                    pic: '', /**分享图片的路径(可选)*/
                    ralateUid: '', /**关联用户的UID，分享微博会@该用户(可选)*/
                    language: 'zh_cn', /**设置语言，zh_cn|zh_tw(可选)*/
                    rnd: new Date().valueOf()
                }
                var temp = [];
                for (var p in param) {
                    temp.push(p + '=' + encodeURIComponent(param[p] || ''))
                }
                el.append($('<iframe id="weibo" allowTransparency="true" frameborder="0" scrolling="no" src="http://hits.sinajs.cn/A1/weiboshare.html?' + temp.join('&') + '" width="' + _w + '" height="' + _h + '" style="float:right;position:relative;top:1px;"></iframe>'));
            }
            weibo($("#productlist_title"), '');


            //ellipsis
            $.utility.ellipsis({ selector: ".product .info p a", length: 30 });

            //显示&隐藏商品状态
            $(".product .pic").mouseenter(function () {
                $(this).find(".status").hide();
            }).mouseleave(function () {
                $(this).find(".status").fadeIn();
            });

            //圆角
            addEvent(window, 'load', initCorners);

            function initCorners() {
                var tag_settings = {
                    tl: { radius: 15 },
                    tr: { radius: 15 },
                    bl: { radius: 15 },
                    br: { radius: 15 },
                    antiAlias: true
                };

                curvyCorners(tag_settings, ".newproducts");

            }

            $(".pngfixer").pngfixer({ shim: 'images/blank.gif' });
        });

        $(window).load(function () {
        });

        window.onload = function () {

        };
    </script>
</head>
<body>
    <div id="wrapper">
        <!--Header-->
        <div id="header">
            <ul class="localization clearfix">
                <li><a href="#">日本語</a></li>
                <li><a href="#">ENGLISH</a></li>
                <li class="enable"><a href="#">中文</a></li>
            </ul>
            <div class="banner">
                <ul class="nav clearfix">
                    <li class="current"><a href="#">品牌</a></li>
                    <li><a href="#">品牌文化</a></li>
                    <li><a href="#">SeDuce合作</a></li>
                    <li><a href="#">博客</a></li>
                    <li><a href="#">微博</a></li>
                    <li><a href="#">咨询建议</a></li>
                    <li><a href="#">联系SeDuce</a></li>
                </ul>
                <a href="#" class="how_to_buy">购买方法</a>
                <div class="search">
                    <input id="Text1" type="text" />
                    <a href="#"></a>
                </div>
            </div>
        </div>
        <!--品牌分类-->
        <div class="categories block">
            <ul class="categories_inner">
                <li class="column">
                    <div><a>Abercrombie&Fitch</a></div>
                    <div><a>Abercrombie&Fitch</a></div>
                    <div><a>Abercrombie&Fitch</a></div>
                </li>
                <li class="column">
                    <div><a>Abercrombie&Fitch1</a></div>
                    <div><a>Abercrombie&Fitch1</a></div>
                    <div><a>Abercrombie&Fitch1</a></div>
                </li>
                <li class="column">
                    <div><a>Abercrombie&Fitch2</a></div>
                    <div><a>Abercrombie&Fitch2</a></div>
                    <div><a>Abercrombie&Fitch2</a></div>
                </li>
                <li class="column">
                    <div><a>Abercrombie&Fitch3</a></div>
                    <div><a>Abercrombie&Fitch3</a></div>
                    <div><a>Abercrombie&Fitch3</a></div>
                </li>
                <li class="column">
                    <div><a>Abercrombie&Fitch4</a></div>
                    <div><a>Abercrombie&Fitch4</a></div>
                    <div><a>Abercrombie&Fitch4</a></div>
                </li>
                <li class="column">
                    <div><a>Abercrombie&Fitch5</a></div>
                    <div><a>Abercrombie&Fitch5</a></div>
                    <div><a>Abercrombie&Fitch5</a></div>
                </li>
            </ul>
            <a class="categories_prev btn"></a>
            <a class="categories_next btn"></a>
            <a class="categories_collapse btn"><img src="images/categories_collapse_up.jpg" /></a>
        </div>
        <!--Gallery-->
        <div id="gallery" class="gallery block"></div>
        <!--新品到货-->
        <div class="newproducts block">
            <ul id="newproducts">
                <li class="newproduct">
                    <a href="#"><img src="images/newproduct_default.jpg" border="0" /></a>
                    <div class="info">
                        <p class="dot">mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</p>
                        <p>8000 RMB</p>
                    </div>
                </li>
                <li class="newproduct">
                    <a href="#"><img src="images/newproduct_default.jpg" border="0" /></a>
                    <div class="info">
                        <p class="dot">mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</p>
                        <p>8000 RMB</p>
                    </div>
                </li>
                <li class="newproduct">
                    <a href="#"><img src="images/newproduct_default.jpg" border="0" /></a>
                    <div class="info">
                        <p class="dot">mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</p>
                        <p>8000 RMB</p>
                    </div>
                </li>
                <li class="newproduct">
                    <a href="#"><img src="images/newproduct_default.jpg" border="0" /></a>
                    <div class="info">
                        <p class="dot">mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</p>
                        <p>8000 RMB</p>
                    </div>
                </li>
                <li class="newproduct">
                    <a href="#"><img src="images/newproduct_default.jpg" border="0" /></a>
                    <div class="info">
                        <p class="dot">mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</p>
                        <p>8000 RMB</p>
                    </div>
                </li>
                <li class="newproduct">
                    <a href="#"><img src="images/newproduct_default.jpg" border="0" /></a>
                    <div class="info">
                        <p class="dot">mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</p>
                        <p>8000 RMB</p>
                    </div>
                </li>
                <li class="newproduct">
                    <a href="#"><img src="images/newproduct_default.jpg" border="0" /></a>
                    <div class="info">
                        <p class="dot">mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</p>
                        <p>8000 RMB</p>
                    </div>
                </li>
                <li class="newproduct">
                    <a href="#"><img src="images/newproduct_default.jpg" border="0" /></a>
                    <div class="info">
                        <p class="dot">mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</p>
                        <p>8000 RMB</p>
                    </div>
                </li>
            </ul>
            <a href="#" class="newproduct_up btn"></a>
            <a href="#" class="newproduct_down btn"></a>
        </div>
        <!--商品类别-->
        <div class="types block">
            <ul class="types_inner clearfix">
                <li><a>头部</a></li>
                <li><a>上衣</a></li>
                <li><a>下衣</a></li>
                <li><a>鞋子</a></li>
                <li><a>配饰</a></li>
                <li><a>围巾</a></li>
                <li><a>包</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
                <li><a>其他</a></li>
            </ul>
        </div>
        <!--商品列表-->
        <h1 id="productlist_title" class="title">
            <span>最新商品</span>
            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=4467191&site=qq&menu=yes" class="float_r"><img border="0" src="http://wpa.qq.com/pa?p=2:4467191:41" alt="点击这里给我发消息" title="点击这里给我发消息"></a>
        </h1>
        <div class="clearfix">
            <div class="productlist block clearfix">
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_reservation.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_sale.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_soldout.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product last">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_spot.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_reservation.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_sale.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_soldout.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product last">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_spot.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_reservation.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_sale.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_soldout.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product last">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_spot.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_reservation.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_sale.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_soldout.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product last">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_spot.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_reservation.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_sale.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_soldout.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product last">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_spot.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_reservation.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_sale.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_soldout.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product last">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_spot.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_reservation.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_sale.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_soldout.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
                <div class="product last">
                    <div class="pic"><a><img src="images/sample2.jpg" width="174" height="174"/></a><span class="status"><img src="images/status_spot.gif" /></span></div>
                    <div class="info">
                        <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                        <p class="price">8000 RMB</p>
                    </div>
                </div>
            </div>
            <!--右侧-->
            <div class="rightbar block">
                <!--tag clouds-->
                <div class="rightbar_innerblock">
                    <div class="brands">
                        <div id="brands-tags"></div>
                    </div>
                </div>
                <!--weibo-->
                <div class="rightbar_innerblock">
                    <div class="weibo">
                        <iframe width="100%" height="600" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=600&fansRow=2&ptype=1&speed=0&skin=10&isTitle=1&noborder=0&isWeibo=1&isFans=1&uid=1820688827&verifier=9cc7a120&colors=010202,0f0f0f,eeeeee,eeeeee,191b1b&dpc=1"></iframe>
                    </div>
                </div>
                <div class="rightbar_innerblock">
                    <a><img src="images/sample3.jpg" width="100%" /></a>
                </div>
                <div class="rightbar_innerblock">
                    <a><img src="images/sample3.jpg" width="100%" /></a>
                </div>
                <div class="rightbar_innerblock">
                    <a><img src="images/sample3.jpg" width="100%" /></a>
                </div>
            </div>
        </div>
        <!--最近浏览-->
        <h1 class="title margin10_tb">
            <span>最近浏览</span>
        </h1>
        <div class="history block clearfix">
            <div class="product">
                <div class="pic"><a><img src="images/sample2.jpg" width="158" height="158"/></a><span class="status"><img src="images/status_sale.gif" /></span></div>
                <div class="info">
                    <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                    <p class="price">8000 RMB</p>
                </div>
            </div>
            <div class="product">
                <div class="pic"><a><img src="images/sample2.jpg" width="158" height="158"/></a><span class="status"><img src="images/status_sale.gif" /></span></div>
                <div class="info">
                    <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                    <p class="price">8000 RMB</p>
                </div>
            </div>
            <div class="product">
                <div class="pic"><a><img src="images/sample2.jpg" width="158" height="158"/></a><span class="status"><img src="images/status_sale.gif" /></span></div>
                <div class="info">
                    <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                    <p class="price">8000 RMB</p>
                </div>
            </div>
            <div class="product">
                <div class="pic"><a><img src="images/sample2.jpg" width="158" height="158"/></a><span class="status"><img src="images/status_sale.gif" /></span></div>
                <div class="info">
                    <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                    <p class="price">8000 RMB</p>
                </div>
            </div>
            <div class="product">
                <div class="pic"><a><img src="images/sample2.jpg" width="158" height="158"/></a><span class="status"><img src="images/status_sale.gif" /></span></div>
                <div class="info">
                    <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                    <p class="price">8000 RMB</p>
                </div>
            </div>
            <div class="product last">
                <div class="pic"><a><img src="images/sample2.jpg" width="158" height="158"/></a><span class="status"><img src="images/status_sale.gif" /></span></div>
                <div class="info">
                    <p><a>mastermind JAPAN x roar 10周年合作限定 男款mastermind JAPAN x roar 10周年合作限定 男款</a></p>
                    <p class="price">8000 RMB</p>
                </div>
            </div>
        </div>
        <!--支付信息说明-->
        <h1 class="title margin10_tb">
            <span>支付信息说明</span>
        </h1>
        <div class="payment block">
            <p>哈哈哈哈哈哈</p>
            <p>哈哈哈哈哈哈</p>
            <p>哈哈哈哈哈哈</p>
            <p>哈哈哈哈哈哈</p>
            <p>哈哈哈哈哈哈</p>
            <p>哈哈哈哈哈哈</p>
            <p>哈哈哈哈哈哈</p>
        </div>
        <!--links-->
        <div class="links">
            <a><img src="images/sample4.jpg" border="0" /></a>
            <a><img src="images/sample4.jpg" border="0" /></a>
            <a><img src="images/sample4.jpg" border="0" /></a>
            <a><img src="images/sample4.jpg" border="0" /></a>
            <a><img src="images/sample4.jpg" border="0" /></a>
        </div>
        <!--footer-->
        <div class="footer">
            <p>COPYRIGHT © 2012 SeDuce All Rights Reserved</p>
            <p>京网文 [2011] 0398-130号 京ICP证100780号</p>
        </div>
    </div>
    <script type="text/javascript">
        //tag clouds
        var flashvars = {
            tcolor: "0x333333",
            tcolor2: "0xeeeeee",
            hicolor: "0xffffff",
            distr: true
        };
        var params = {};
        params.base = "Scripts/tag-cloud/";
        params.scale = "noscale";
        params.salign = "tl";
        params.wmode = "transparent";
        params.allowFullScreen = "true";
        params.allowScriptAccess = "always";
        swfobject.embedSWF("Scripts/tagcloud/tagcloud.swf", "brands-tags", "250", "241", "9.0.0", false, flashvars, params);
	</script>
</body>
</html>
